/* ***************** 应用主题颜色定义 ***************** */
/* 默认主题颜色配置 */
$default-theme : (
  /* ================= 应用主题颜色配置 ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  // 主题颜色值，包含：页面顶部导航栏背景色、页面底部菜单栏的图标颜色、选择文字颜色等
  app-primary-color: #249087,
  /* 告警颜色值 */
  app-warning-color: #FD6B32,
  /* 错误颜色值 */
  app-error-color: #ff0000,
  /* 成功颜色值 */
  app-success-color: #00ff7f,
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= 应用主题颜色配置 ================= */
  
  /* ================= 文字颜色配置 ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓ ================= */
  // 文字基本色
  app-text-color: #333333,
  // 选中的文字或字体图标反色，如有背景色的按钮中的文字颜色
  app-text-inverse-color: #ffffff,
  // 提示黑色，部分不重要的文本使用该色值进行展示
  app-text-prompt-color: #666666,
  // 辅助灰色，如加载更多的提示信息
  app-text-grey-color: #999999,
  // 文本框中的提示颜色值
  app-text-placeholder-color: #808080,
  // 按钮或文字禁用时的颜色值
  app-text-disable-color: #c0c0c0,
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= 文字颜色配置 ================= */
  
  /* ================= 应用背景颜色配置 ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* 系统背景颜色 */
  // 应用默认背景色（白色）
  app-bg-default-color: #ffffff,
  // 应用页面背景色（浅灰色）
  app-bg-page-color: #f4f4f4,
  // 点击状态时的背景颜色
  app-bg-active-color: #f1f1f1,
  // 弹框遮罩层颜色值
  app-bg-mask-color: rgba(0, 0, 0, 0.4)
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= 应用背景颜色配置 ================= */
);

/* 深色主题颜色配置 */
$dark-theme : (
  /* ================= 应用主题颜色配置 ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  // 主题颜色值，包含：页面顶部导航栏背景色、页面底部菜单栏的图标颜色、选择文字颜色等
  app-primary-color: #0055ff,
  /* 告警颜色值 */
  app-warning-color: #ffaa00,
  /* 错误颜色值 */
  app-error-color: #aa0000,
  /* 成功颜色值 */
  app-success-color: #005500,
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= 应用主题颜色配置 ================= */
  
  /* ================= 文字颜色配置 ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓ ================= */
  // 文字基本色
  app-text-color: #333333,
  // 选中的文字或字体图标反色，如有背景色的按钮中的文字颜色
  app-text-inverse-color: #ffffff,
  // 提示黑色，部分不重要的文本使用该色值进行展示
  app-text-prompt-color: #666666,
  // 辅助灰色，如加载更多的提示信息
  app-text-grey-color: #999999,
  // 文本框中的提示颜色值
  app-text-placeholder-color: #808080,
  // 按钮或文字禁用时的颜色值
  app-text-disable-color: #c0c0c0,
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= 文字颜色配置 ================= */
  
  /* ================= 应用背景颜色配置 ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* 系统背景颜色 */
  // 应用默认背景色（白色）
  app-bg-default-color: #ffffff,
  // 应用页面背景色（浅灰色）
  app-bg-page-color: #f4f4f4,
  // 点击状态时的背景颜色
  app-bg-active-color: #f1f1f1,
  // 弹框遮罩层颜色值
  app-bg-mask-color: rgba(0, 0, 0, 0.4)
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= 应用背景颜色配置 ================= */
);

/* 浅色主题颜色配置 */
$light-theme : (
  /* ================= 应用主题颜色配置 ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  // 主题颜色值，包含：页面顶部导航栏背景色、页面底部菜单栏的图标颜色、选择文字颜色等
  app-primary-color: #55aaff,
  /* 告警颜色值 */
  app-warning-color: #ffaa7f,
  /* 错误颜色值 */
  app-error-color: #ff5234,
  /* 成功颜色值 */
  app-success-color: #00d39b,
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= 应用主题颜色配置 ================= */
  
  /* ================= 文字颜色配置 ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓ ================= */
  // 文字基本色
  app-text-color: #333333,
  // 选中的文字或字体图标反色，如有背景色的按钮中的文字颜色
  app-text-inverse-color: #ffffff,
  // 提示黑色，部分不重要的文本使用该色值进行展示
  app-text-prompt-color: #666666,
  // 辅助灰色，如加载更多的提示信息
  app-text-grey-color: #999999,
  // 文本框中的提示颜色值
  app-text-placeholder-color: #808080,
  // 按钮或文字禁用时的颜色值
  app-text-disable-color: #c0c0c0,
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= 文字颜色配置 ================= */
  
  /* ================= 应用背景颜色配置 ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* ================= ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ================= */
  /* 系统背景颜色 */
  // 应用默认背景色（白色）
  app-bg-default-color: #ffffff,
  // 应用页面背景色（浅灰色）
  app-bg-page-color: #f4f4f4,
  // 点击状态时的背景颜色
  app-bg-active-color: #f1f1f1,
  // 弹框遮罩层颜色值
  app-bg-mask-color: rgba(0, 0, 0, 0.4)
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ================= */
  /* ================= 应用背景颜色配置 ================= */
);

// 主题列表封装，主题列表是一个map对象，map的key值必须与@/common/config/theme.js中的主题key配置一致
// theme.js中的主题key将作为页面的data-theme值，而mixin函数则是根据data-theme来判断当前是哪个主题
$themes: (
  // 默认主题
  default: $default-theme,
  // 深色主题
  dark: $dark-theme,
  // 淡色主题
  light: $light-theme
);
/* ***************** 应用主题颜色定义 ***************** */

/* ***************** 系统字体定义 ***************** */
/* 系统最小字体样式，主要使用场景包含： */
/* 1、隐私协议及用户协议提示文本 */
/* 2、补打卡时展示的文本字体 */
/* 3、部分进度条中的文本字体 */
/* 4、其它根据高保真确定具体使用场景 */
$app-font-size10: 10px;
/* 根据高保真确定具体使用场景 */
$app-font-size11: 11px;
/* 根据高保真确定具体使用场景 */
$app-font-size12: 12px;
/* 根据高保真确定具体使用场景 */
$app-font-size13: 13px;
/* 根据高保真确定具体使用场景 */
$app-font-size14: 14px;
/* 系统30px字体，主要使用场景包含： */
/* 1、页面没有数据时的提示文本字体 */
/* 2、消息列表的标题 */
/* 3、大部分列表字体 */
/* 4、其它根据高保真确定具体使用场景 */
$app-font-size15: 15px;
$app-font-size16: 16px;
/* 系统36px字体，主要使用场景包含： */
/* 1、最大号按钮内的字体，app-btn-large */
/* 2、页面标题字体 */
/* 3、页面标签字体 */
/* 4、弹框中展示的标题及内容文本字体 */
/* 5、其它根据高保真确定具体使用场景 */
$app-font-size18: 18px;
$app-font-size20: 20px;
$app-font-size24: 24px;
/* ***************** 系统字体定义 ***************** */